<?php get_header(); ?>

	<main role="main">
	<!-- section -->
	<section>

	<div class="main-page">
		
	
	<?php if (have_posts()): while (have_posts()) : the_post(); ?>
	<div class="left-page">
				<div class="cart-bg">
					<h3>Cart</h3>
					<div class="cart-into">
						<div class="cart-info">
							<span class="" name="">Product</span>
						</div>
						<div class="cart-info">
							<span class="" name="">Price using USD</span>
		
						</div>
						<div class="cart-info">
							<span class="" name="">Total</span>
						</div>
						<button>Show Cart</button>
					</div>
				</div>
				<?php get_sidebar(); ?>


				<div class="banner-right">
				<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner1.png">
				</a>
				<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner2.png">
				</a>
					<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner3.png">
				</a>
			</div>
			</div>
	<div class="right-page">
		<!-- article -->
		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

			<!-- post thumbnail -->
			<?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
				<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
					<?php the_post_thumbnail(); // Fullsize image for the single post ?>
				</a>
			<?php endif; ?>
			<!-- /post thumbnail -->

			<!-- post title -->
			<h2 class="title">
				<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
			</h2>
			<div class="top-page">
					<span>Writer By</span>
					<span> | </span>
					<span><?php the_modified_date(); ?></span>
					<span> | </span>
					<a href="">Print</a>
					 | 
					<a href="">Email</a>
				</div>
			<!-- /post title -->

			<!-- post details -->
			<span class="comments"><?php if (comments_open( get_the_ID() ) ) comments_popup_link( __( 'Leave your thoughts', 'html5blank' ), __( '1 Comment', 'html5blank' ), __( '% Comments', 'html5blank' )); ?></span>
			<!-- /post details -->

			<?php the_content(); // Dynamic Content ?>

			<?php the_tags( __( 'Tags: ', 'html5blank' ), ', ', '<br>'); // Separated by commas with a line break at the end ?>

			<p><?php _e( 'Categorised in: ', 'html5blank' ); the_category(', '); // Separated by commas ?></p>
			

			<?php edit_post_link();?> <br>
			<span class="author"><?php _e( 'Published in', 'html5blank' ); ?> 
				<?php the_author_posts_link(); ?>
			</span>
			<?php comments_template(); ?>

		</article>
		<!-- /article -->

	<?php endwhile; ?>

	<?php else: ?>

		<!-- article -->
		<article>

			<h1><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h1>

		</article>
		<!-- /article -->

	<?php endif; ?>
	
	</div>
	
		<div class="connectus" >
				<div class="connectus-left">
					<span>Find us on:</span>
					<a href="">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/fa.png">
					</a>
					<a href="">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/tw.png">
					</a>
					<a href="#">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/fr.png">
					</a>
				</div>
				<div class="connectus-right">
					<strong>Receive promotional emails with spectial offers and discounts!</strong>
					<input type="text" placeholder="enter your email">
					<button class="btnsignup">Sign Up</button>
				</div>
			</div>



	</div>
	</section>
	<!-- /section -->
	</main>

<?php get_sidebar(); ?>

<?php get_footer(); ?>
